<!-- 用户信息 -->
<template>
    <div>
        <el-descriptions title="我的详细资料" border direction="horizontal" :column='1' >
            <el-descriptions-item label="用户名">{{user.username}}</el-descriptions-item>
            <el-descriptions-item label="真实姓名">{{user.realname}}</el-descriptions-item>
            <el-descriptions-item label="电话">{{user.phone}}</el-descriptions-item>
            <el-descriptions-item label="最近登录时间">{{user.gmtLastLogin}}</el-descriptions-item>
            <el-descriptions-item label="角色">{{user.roles}}</el-descriptions-item>
            <el-descriptions-item label="状态">
                <el-tag size="small" v-if="user.status" effect="dark">正常</el-tag>
                <el-tag size="small" type="info" v-else effect="dark">禁用</el-tag>
            </el-descriptions-item>
        </el-descriptions>
    </div>
</template>
<script>
    import {mapState} from 'vuex'
    export default {
        created(){
            console.log(this.user)
        },
        computed:{
        ...mapState({
          user:(state)=>{
            return state.adminModule.user
          }
        })
      },
    }
</script>